// pages/index1/index1.js
//需求分析
// 1 点击登录按钮
// 2 获取输入框的内容，并进行校验
//   2.1 给输入框绑定input事件，获取输入框的内容
//   2.2 把获取到的输入框的内容写入data
// 3 校验成功之后，把用户名带到todos页面
Page({

  /**
   * 页面的初始数据
   */
  data: {
    userName:"",
    passWord:""
  },
 //input事件处理函数
  handleInput(event){
    // console.log(event)
    // console.log(event.detail.value)
    //通过this.setData的模式把数据写入data
    //方案一：无法同时处理两个输入框
    // this.setData({
    //   userName:event.detail.value
    // })

    //方案二：给input标签设置一个自定义属性，表明到底是哪个输入框，传递到事件里面来
    //event.currentTarget.dataset身上有自定义属性的值
    // console.log(event.currentTarget)
    // if (event.currentTarget.dataset.type=="name"){
    //   this.setData({
    //    userName:event.detail.value
    //  })
    // }else{
    //   this.setData({
    //     passWord: event.detail.value
    //   })
    // }

     //方案三
    // console.log(event.currentTarget.dataset.type)
    this.setData({
      //可以通过[变量]对象的键 赋一个变量
      [event.currentTarget.dataset.type]: event.detail.value
    })

  },
  //登录事件处理函数
login(){
  //为了减少服务器的压力，我们在发送请求之前，需要对输入的内容进行一个校验，过滤掉不符合请求的数据，减轻服务器的压力
  //判断用户输入的内容是否为空，如果为空，对用户进行提示
  if (!this.data.userName){
    // console.log("请输入用户名")
    //在小程序是不存在alert alert()
    wx.showToast({
      title: '用户名不能为空',
      icon: 'none',
      duration: 1000
    })
  
    //可以阻止代码继续往下运行
    return;
  }

  if (!this.data.passWord) {
    // console.log("请输入密码")
    //在小程序是不存在alert alert()
    wx.showToast({
      title: '密码不能为空',
      icon: 'none',
      duration: 1000
    })

    //可以阻止代码继续往下运行
    return;
  }

  // 3 校验成功之后，把用户名带到todos页面
  //以前在pc端js:location.href="路径"进行页面的路径跳转
  //小程序的跳转页面代码url：你要跳转的地址值，使用绝对路径，从根目录开始，根目录用/表示
  //路径中，文件的后缀名不用写
  //es6有一个字符串模板语法``在反引符号里面通过${变量}
  //<image src="/pages/assets/1.jpg"></image>
  // var index=1;
  // var str ='<image src="/pages/assets/'+index+'.jpg"></image>'

  wx.navigateTo({
    //url: '/pages/todos/todos?userName='+this.data.userName,
    url: `/pages/todos/todos?userName=${this.data.userName}`
  
  })

  //获取输入框的内容
//  console.log(this.data.userName,this.data.passWord)
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})